<table>
    <tr valign="top">
        <td width="750">
<?php echo $this->element('applications_header');
if($isuserhaveorders)
{
?>
  <div class="billing_constructor_wrapper">
    <script>
      $(document).ready(function() {
        var player_type;
        var player_color;
           $('#player_name').change(function() {
             player_type=$("#player_name option:selected").val();
             switch(player_type)
             {
               case 'infra':hide_colors_divs();$('#infra_colors').fadeIn();break;
               case 'simple':hide_colors_divs();$('#simple_colors').fadeIn();break;
               case 'playmonster':hide_colors_divs();$('#playmonster_colors').fadeIn();break;
               case 'chip':hide_colors_divs();$('#chip_colors').fadeIn();break;
               case 'extra':hide_colors_divs();$('#extra_colors').fadeIn();break;
             }
          });
          $('#player_color:not(hidden)').change(function() {
             player_color=$("option:selected", this).val();
             var archive=player_type+'_'+player_color+".rar";
             var donwload_lnk='Шаг 3. Скачиваем архив с плеером по этой ссылке: <a href="../rh_players/'+archive+'" target="_blank">Скачать</a>';
             $('#download_lnk').html(donwload_lnk).fadeIn();
             $('#unrar_div').fadeIn();
             $('#head_code').fadeIn();
             var player_preview_content='<iframe src="/billing/rh_players/'+player_type+'/'+player_color+'.html" width="180" height="140" frameborder="0"></iframe>';
             $('#player_preview').html(player_preview_content);
          });
          function hide_colors_divs()
          {
            $('#infra_colors').hide();
            $('#simple_colors').hide();
            $('#playmonster_colors').hide();
            $('#chip_colors').hide();
            $('#extra_colors').hide();
          }
      });
    </script>
    Представляем вашему вниманию оригинальные аудиоплееры от Radioheart, доступные всем нашим клиентам. Плееры воспроизводят MP3 потоки во всех популярных браузерах (Chrome, Opera, Firefox, Safari, IE). Вы сможете подобрать для себя нужный вам вариант плеера: мы сделали для вас множество серий и цветовых решений!
    <br /><br />
  Преимущества:<br />
  - HTML5 & Javascript<br />
  - кроссбраузерность<br />
  - поддержка MP3<br />
  - работает даже на бесплатных хостингах<br />
  - оригинальные стили, которые не оставят вас равнодушными <br />
  <div style="width:100%;text-align:right;"><a href="http://radioheart.ru/company/review/players/" target="_blank">Посмотреть презентацию всех серий плееров</a></div>
  <br /><br />
  <span style="font-weight:bold;font-size:16px;">Конструктор</span>
  <br /><br />
  <link rel="stylesheet" href="http://yandex.st/highlightjs/7.3/styles/default.min.css">
  <script src="http://yandex.st/highlightjs/7.3/highlight.min.js"></script>
  <script>hljs.initHighlightingOnLoad();</script>
  
    Шаг 1. Выбираем серию плеера:
    <div class="constructor_select">
      <select name="player_name" id="player_name">
        <option value="0" selected="selected" disabled="disabled">Выберите серию плеера</option>
        <option value="infra">Infra</option>
        <option value="simple">Simple</option>
        <option value="playmonster">Playmonster</option>
        <!--<option value="chip">Chip</option>-->
        <option value="extra">Extra</option>
      </select>
    </div>
    <br /><br />
    <div id="infra_colors" style="display:none;">
      Шаг 2. Выбираем стиль плеера:
      <div class="constructor_select">
        <select id="player_color" name="player_color">
            <option value="0" selected="selected" disabled="disabled">Выберите стиль плеера</option>
            <option value="blue">Blue</option>
            <option value="green">Green</option>
            <option value="orange">Orange</option>
            <option value="red">Red</option>
            <option value="violet">Violet</option>
        </select>
      </div>
    </div>
    <div id="simple_colors" style="display:none;">
      Шаг 2. Выбираем стиль плеера:
      <div class="constructor_select">
        <select id="player_color" name="player_color">
            <option value="0" selected="selected" disabled="disabled">Выберите стиль плеера</option>
            <option value="black">Black</option>
            <option value="white">White</option>
        </select>
      </div>
    </div>
    <div id="playmonster_colors" style="display:none;">
      Шаг 2. Выбираем стиль плеера:
      <div class="constructor_select">
        <select id="player_color" name="player_color">
            <option value="0" selected="selected" disabled="disabled">Выберите стиль плеера</option>
            <option value="black">Black</option>
            <option value="white">White</option>
        </select>
      </div>
    </div>
    <div id="chip_colors" style="display:none;">
      Шаг 2. Выбираем стиль плеера:
    </div>
    <div id="extra_colors" style="display:none;">
      Шаг 2. Выбираем стиль плеера:
      <div class="constructor_select">
        <select id="player_color" name="player_color">
            <option value="0" selected="selected" disabled="disabled">Выберите стиль плеера</option>
            <option value="chrome">Chrome</option>
            <option value="elegant">Elegant</option>
            <option value="garbage">Garbage</option>
            <option value="sky">Sky</option>
            <option value="summer">Summer</option>
        </select>
      </div>
    </div>
    <br />
    <div id="player_preview"></div>
    <br />
    <div id="download_lnk" style="display:none;"></div>
    <br />
    <div id="unrar_div" style="display:none;">
      Шаг 4. Разархивируем скачанный ранее ахрив. Все файлы плеера хранятся в папке rh_player.<br />
      Всю эту папку целиком заливаем к себе на сайт в корень (/).
    </div>
    <br />
    <div id="head_code" style="display:none;">
      Шаг 5. Подключаем библиотеку <b>Jquery</b> между тегами &lt;head&gt; и &lt;/head&gt; , если она у вас еще <b>не подключена!</b>
      <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">&lt;/script&gt; </code></pre>
      <br />
      <br />Шаг 6. Подключаем библиотеку <b>Jquery.UI</b> между тегами &lt;head&gt; и &lt;/head&gt; , если она у вас еще <b>не подключена!</b>
      <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js">&lt;/script&gt; </code></pre>
      <br /><br />Шаг 7 .Подключаем библиотеку <b>JPlayer</b> между тегами &lt;head&gt; и &lt;/head&gt; , если она у вас еще <b>не подключена!</b>
      <pre><code>&lt;script type="text/javascript" src="rh_player/js/jquery.jplayer.min.js">&lt;/script&gt; </code></pre>
      <br /><br />Шаг 8. Подключаем <b>скрипт плеера</b> между тегами &lt;head&gt; и &lt;/head&gt;
      <pre><code>&lt;script type="text/javascript" src="rh_player/js/player.js">&lt;/script&gt; </code></pre>
      <br /><br />Шаг 9. Подключаем <b>скин плеера</b> между тегами &lt;head&gt; и &lt;/head&gt;
      <pre><code>&lt;link rel="stylesheet" type="text/css" href="rh_player/css/player.css" &gt; </code></pre>
      <br /><br />Шаг 10. В месте, где должен быть плеер, вставляем код:
      <pre><code style='margin-bottom:-30px;'>
        &lt;script type="text/javascript">
        $(document).ready(function() {
          var stream="ВАША ССЫЛКА НА ПОТОК"; //вида http://s*.radioheart.ru:port/mount
          var autostart='0'; //Автозапуск плеера. 0- отключен, 1 - включен.
            getMyPlayer(stream,autostart);
        });
        &lt;/script>
        &lt;div id="player">&lt;/div>
      </code></pre>
    </div>
  </div>
<?php
}
else
{
    echo "Данный раздел вам недоступен. Возможность использования появится только после активации заказа";
}
?>
        </td>
        <td width="280">
            <?php echo $this->element('faq');?>
        </td>
    </tr>
</table>